<!-- DividerWidget.vue -->
<template>
    <WidgetContainer :widget-id="config.id">
        <el-divider :style="{ width: config.attributes.width?config.attributes.width: '100%' }" :direction="config.attributes.direction"
            :content-position="config.attributes.contentPosition" :border-style="config.attributes.borderStyle" :class="config.attributes?.cssClass">
            {{ config.attributes.text }}
        </el-divider>
    </WidgetContainer>
</template>

<script setup>
import { inject } from 'vue'
import { ElDivider } from 'element-plus';

const props = defineProps({
    config: {
        type: Object,
        required: true,
    },
});
</script>